<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import { mapActions, mapGetters } from 'vuex';
export default {
  name: "RootView",
  data() {
    return {

    }
  },
  computed: {
    ...mapGetters(["isLogin"])
  },
  methods: {
    ...mapActions(["getAuthorityInfo"])
  },
  created() {
    console.log("根组件获取登录信息");
    this.getAuthorityInfo();   // 每次组件初始化时 => 获取本地数据 => 同步到vuex 
  },
  mounted() {
    // 根组件 mounted => 所有的页面刷新都会触发根组件挂载, 所有页面都要进行验证  (排除 /login /404)
    // 其实我们只需在 / 主页面及其子页面下进行验证  => 所有可以把验证提取到 主页面的组件中进行验证

    // console.log(this.isLogin);
    // var whiteList = ["/login", "/404"];
    // if (!whiteList.includes(this.$route.path)) { // 白名单以外
    //   if (!this.isLogin) { // 没有登录
    //     this.$router.replace("/login")
    //   }
    // }
  }


}

</script>

<style>
html,
body,
#app {
  width: 100%;
  height: 100%;
}
</style>
